<html>
<head>
   <title>Data Set</title>
   <link rel="StyleSheet" href="./views/css/human_readable.css" type="text/css" />
   <link href="<?php echo $url;?>" type="application/json" rel="exhibit/data" />
 
   <script src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js"
           type="text/javascript"></script>
           
   <script src="http://static.simile.mit.edu/exhibit/extensions-2.0/time/time-extension.js"
           type="text/javascript"></script>
           
   <style>
       body {
           margin: 1in;
       }
       table.Observation {
           border:     1px solid #ddd;
           padding:    0.5em;
       }
     
   </style>
</head> 
<body>
   <h1 class="observation title" >Observations</h1>
   <table width="100%">
       <tr valign="top">
           <td ex:role="viewPanel">
               <table ex:role="lens" class="Observation" width="80%" >
                   <tr>
                       <td>
					       <a ex:href-content=".url"><div ex:content=".label" class="name"></div></a>
							
                       </td>
					   <td>
                           <div ex:content=".measure" class="measure"></div>
                       </td>
					   <td>
                           <div ex:content=".value" class="value"></div>
                       </td>
					    <td>
                           
                       </td>
                   </tr>
               </table>
              
            </td>
           <td width="25%">
               <div ex:role="facet" ex:facetClass="TextSearch"></div>
			   <?php
                for($i=0;$i<count($dimensions);$i++){

           	    print '<div ex:role="facet" ex:expression=".'.str_replace(' ','_',$dimensions[$i]).'" ex:facetLabel="'.$dimensions[$i].'"></div>';
				}
			   ?>
            </td>
       </tr>
   </table>
</body>
</html>